﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:include="./common/head :: head"></head>
<body style="background-color: #ecf0f1;">
<script type="text/javascript" th:inline="javascript">
    var serverUrl = [[${serverUrl}]];
    $(function () {
        var script = '(function(){var c;var b="";var e=document.getElementsByTagName("meta");for(var a=0,f=e.length;a<f;a++){if(e[a].name.toLowerCase()=="description"){c=e[a]}}if(c){b="&description="+encodeURIComponent(c.content)}var d=window.open("http://'+serverUrl+'/collect?&url="+encodeURIComponent(document.URL)+b+"&title="+encodeURIComponent(document.title)+"&charset="+document.charset,"_blank");d.focus()})();';
        var href = "javascript:"+encodeURI(script);
        $("#add").attr("href",href);
    });
</script>
<div class="container-fluid">
    <header th:include="./common/header :: header"></header>
    <div class="row">
        <div th:include="./common/leftMenu :: leftMenu" class="col-md-3"></div>
        <div class="col-md-9">
            <div class="row" style="padding: 10px;">
                <div class="col-md-2 col-xs-3" style="padding-left: 0px">
                    <a id="add" type="submit" class="btn btn-info btn-block" href="javascript:void(0);">鱼收藏</a>
                </div>
                <div class="col-md-10 col-xs-9" style="padding-top: 10px">
                    <p class="text-warning">拖动 "鱼收藏" 按钮到浏览器收藏夹即可安装鱼收藏插件</p>
                </div>
            </div>
            <div class="row" style="padding: 10px;">
                <img th:src="@{/images/plugin.gif}" class="img-responsive img-thumbnail" style="height: 400px;">
            </div>
        </div>
    </div>
</div>

</body>
</html>